<template>
  <div>
    <van-row class="header">
      <van-col span="4"><a class="arrow-left" @click="goBack"><i class="icon-arrow-left-bold"></i></a></van-col>
      <van-col span="16" ><span class="header-title"> {{ title }}</span></van-col>
      <van-col span="4"></van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  name: 'AppHeader',
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  data(){
    return{}
  },
  methods:{
    goBack(){
      this.$router.go(-1);
    }
  }
}
</script>
<style lang="less" scoped>
.header {
  .arrow-left {
    display: block;
    height: 62px;
    line-height: 62px;
    width: 100%;
    text-align: center;
    color: var(--black-color-0);
  }
  .header-title {
    display: block;
    height: 62px;
    line-height: 62px;
    width: 100%;
    text-align: center;
    color: var(--black-color-0);
  }
}
</style>